const Home = () => import("../views/Home/index.vue");
const Login = () => import("../views/Login/index.vue");
const NotFound = () => import("../views/404/index.vue");
const Music = () => import("../views/Home/components/Music/index.vue");
const Play = () => import("../views/Home/components/Play/index.vue");

export default [
  {
    path: "/",
    redirect: "/home",
  },
  {
    path: "/home",
    component: Home,
    name: "Home",
    redirect: "/home/music",
    children: [
      {
        path: "music",
        component: Music,
        name: "Music",
      },
      {
        path: "play",
        component: Play,
        name: "Play",
      },
    ],
  },
  {
    path: "/login",
    component: Login,
    name: "Login",
  },
  {
    path: "/:pathMatch(.*)*",
    component: NotFound,
    name: "NotFound",
  },
];
